@mixin text-line($value) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $value;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  word-break: break-all;
}

.dynamic-document-card {
  height: 360px;
  padding-top: 20px;
  overflow: auto;
  .home-title {
    padding: 0 20px;
  }
  .card-content {
    margin-top: 12px;
    overflow-x: hidden;
    height: 304px;
    overflow-y: auto;
    & > span {
      height: 100%;
    }
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .active-content {
    width: 100%;
    .latest-item {
      width: 100%;
      height: auto;
      position: relative;
      border-bottom: 1px solid #EBF0F5;
      padding: 15px 20px 17px 20px;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      .state-icon {
        flex-shrink: 0;
        margin-right: 12px;
        img {
          width: 20px;
          height: auto;
          margin-top: -2px;
        }
      }
      .base-info {
        font-size: 14px;
        color: rgba(0,0,0,0.65);
        line-height: 20px;
        width: 100%;
        margin-bottom: 4px;
        span {
          font-weight: 500;
          color: $default-color;
          margin-left: 13.5px;
          margin-right: 4.7px;
        }
        .business-code {
          color: #848C95;
        }
      }
      .form-info {
        padding-left: 32px;
        font-size: 16px;
        color: rgba(0,0,0,0.85);
        font-weight: 600;
        line-height: 24px;
        .f-right > span {
          margin-left: 6px;
        }
      }
      .document-title {
        margin-top: 4px;
        @include text-line(1);
        padding-left: 32px;
        font-size: 12px;
        color: #848C95;
        line-height: 16px;
        width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .dashboard-flex {
        display: flex;
        justify-content: left;
        flex-direction: row;
      }
      &.hover {
        cursor: pointer;
        &:hover {
          background: rgba(0, 0, 0, 0.02);
        }
      }
      &:hover {
        background: rgba(0, 0, 0, 0.02);
      }
    }
  }
  .dynamic-document-tips {
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.25);
  }
  &::-webkit-scrollbar {
    display: none;
  }
}
